<template>
  <view class="component-container">
    <!-- 主体内容 -->
    <view class="main-content">
      <slot></slot>
    </view>
  </view>
</template>

<script>
export default {
  name: 'MyTemplateComponent',
  data() {
    return {
      // 在这里添加数据
      message: 'Hello from UniApp!'
    };
  },
  computed: {
    // 计算属性
    reversedMessage() {
      return this.message.split('').reverse().join('');
    }
  },
  mounted() {
    // 组件挂载完成后执行
    console.log('Component has been mounted.');
  },
  methods: {
    handleClick() {
      // 处理点击事件
      console.log('Button clicked!');
    }
  }
};
</script>

<style scoped>
/* 在这里添加样式 */
</style>